/* CSS Document */



.area01{ width:1200px;margin:30px 0 0px 0;height:370px;overflow:hidden}
.box01-tmall{ float:left;width:190px}

.box{ width:780px;float:left;position:relative;height:300px}
.box a{ float:left}

.floor-maskItem{ position:absolute;float:left}
.floor-maskItem img{ float:left}

.mask{ position:absolute;left:0;top:0;background:none;width:195px;height:150px;}
.hover .mask{background: url(../img/bg2.png);cursor:pointer}
.hover .qq .mask{opacity:0;filter:alpha(opacity=0)}

.area01 .box a.img1{
	left:0;
	top:0;
}
.area01 .box a.img2{
	left:600px;
	top:0;
}
.area01 .box a.img3{
	left:900px;
	top:0;
}
.area01 .box a.img4{
	left:600px;
	top:190px;
}
.area01 .box a.img5{
	left:900px;
	top:190px;
}
.area01 .box a.img1 img, .area01 .box a.img1 .mask{
	width:590px;
	height:370px;
	}
.area01 .box a.img2 img, .area01 .box a.img3 img, .area01 .box a.img4 img, .area01 .box a.img5 img{
	width:290px;
	height:180px;
	}
.area01 .box a.img2 .mask, .area01 .box a.img3 .mask, .area01 .box a.img4 .mask, .area01 .box a.img5 .mask{
	width:290px;
	height:180px;
	}
.box .floor-maskItem h3{
	position: absolute; 
	font-size:20px; 
	color:#fff;
	bottom: 10px;
	right: 10px;
	text-shadow: 1px 2px 3px #686868;
	font-weight: normal;
}
.box .floor-maskItem:hover h3{
}